window.onload = function () {


    $('.title_bottom_ul').click(function (e) {
        console.log(e.target.className)
        if (e.target.className === 'nav nav-tabs col-lg-12 title_bottom_ul') {
            return
        }
        var id = e.target.parentNode.id
        var str = '.' + id
        $('.title_bottom_ul>li').removeClass('active')
        $(e.target.parentNode).addClass('active')
        $('.content>div').css({
            display: 'none'
        })
        console.log(str)
        $(str).css({
            display: 'block'
        })
    })

    $('.images_list').click(function (e) {
        var str = e.target.className || e.target.parentNode.className
        var idx = str.substr(11)
        console.log(idx)
        if (idx) {
            $('.content_main>div').css({
                display: 'none'
            })
            var classN = '.content_detail' + idx
            $(classN).css({
                display: 'block'
            })
        }
    })
}